<template>
  <div class="app-container">
    <!-- 你这是直接用别人的模板不知道嵌入自己的样式会不会出问题 -->
    <!-- font-size字体大小，padding-top距离上面的距离，padding-left距离左侧的距离，我没法运行，自己调一下 -->
    <div style="font-size:24px;padding-top:5px;padding-left:50px">
      资产创建
    </div>
    <el-form label-width="120px">
      <el-form-item label="合约地址">
        <el-input v-model="contractId"/>
      </el-form-item>
      <el-form-item label="合约名称">
        <el-input v-model="contractName"/>
      </el-form-item>
      <el-form-item label="资产名称">
        <el-input v-model="assetNew.assetName"/>
      </el-form-item>
      <el-form-item label="资产类型">
        <el-input v-model="assetNew.assetType"/>
      </el-form-item>
      <el-form-item label="资产价值">
        <el-input v-model="assetNew.assetValue"/>
      </el-form-item>
      <el-form-item label="具体描述">
        <el-input v-model="assetNew.assetDescription"/>
      </el-form-item>
      <el-form-item label="资产期限">
        <el-input v-model="assetNew.assetTerm"/>
      </el-form-item>
      <el-form-item label="操作规则">
        <el-input v-model="assetNew.assetMold"/>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="createAsset()">创建</el-button>
      </el-form-item>
    </el-form>
  </div>
</template>
<script>
import asset from '@/api/asset'
export default {
  data() {
    return {
      assetNew: {},
      contractName: '',
      contractId: ''
    }
  },
  created() {
  },
  methods: {
    // 添加
    createAsset() {
      asset.createAsset(this.assetNew, this.contractName, this.contractId)
        .then(response => {
          console.log(this.assetNew)
          // 提示
          this.$message({
            type: 'success',
            message: '添加成功!'
          })
          // 跳转列表页面，使用路由跳转方式实现
          this.$router.push({ path: '/asset/findAllAsset' })
        })
    }
  }
}
</script>

